<template>
</template>

<script>
	//样式绑定
		//语法<div :class="{ active: isActive, 'text-danger': hasError }"></div>，若isActive是true，hasError是false，class=“active”
		//语法 <div :class="[isActive ? 'active' : '', errorClass]"></div>
		//语法<div :style="{ color: textColor, fontSize: size + 'px' }"></div>
	//条件渲染
		//v-if、v-else-if​​,v-else、v-show(相当于是style中的display：none)
	// 列表渲染（vue3.xx中if优先级高于for。2.xx刚好相反）（不建议if和for用于同一个标签，可以用计算属性过滤）
		//<li v-for="item in items" :key="item">{{ item }}</li>,key是需要唯一的
		//<li v-for="(item, index) in items" :key="item.id"> {{ index }} - {{ item.name }} </li>
	// 事件处理
		//@click事件，<button @click="handleClick">点击我</button>
		// 有参数，<button @click="handleClick('参数', $event)">传递参数和事件对象</button>
		//<!-- 仅当按下 Alt 且未按其他键时触发 --><button @click.alt.exact="handleAltClick"></button>
	// 表单输入绑定
		
</script>

<style>
</style>